// pages/me/like/like.js
const app = getApp()
const db = wx.cloud.database()

Page({

  /**
   * 页面的初始数据
   */
  data: {
    navbar: [ '喜欢', '收藏','我的相册'],
    swiper: [],
    category: [],
    comment: [],

    news: [
      {
        "_id": "dvhhicWM83uNxzrby",
        "title":"故宫 | ",
        "wenan":"你必须知道的那些事儿",
        "images":"http://qmvskl766.hn-bkt.clouddn.com/YY/gugong02.jpg",
        "touxiang":"http://qmvskl766.hn-bkt.clouddn.com/YY/touxiang01.jpg",
        "zuozhe":"爱丽丝",
        "tag": '故宫',
        "author": "北京 · 中国",
        "cover": "../../../images/beimeizhou01.jpg",
        "createtime": 1522210221679,
        'time': "2018年03月28日 ",
        "little_title": "故宫，你必须知道的那些事儿",
        'agree': false,
        'agreeNum': 293,
        "commentNum": 56,
        "name_01": '简介',
        "txt_01": '· 故宫又名紫禁城，是中国乃至世界上保存最完整、规模最大的木质结构古建筑群，被誉为“世界五大宫之首”。 · 内廷以乾清宫、交泰宫、坤宁宫后三宫为中心，以及东西两侧的东六宫和西六宫，是封建帝王与后妃居住之所，也就是俗称的“三宫六院”。 · 故宫内珍藏有大量珍贵文物，据统计有上百万件，占全国文物总数的六分之一。钟表馆每天11点和14点有钟表演示，不可错过。 · 故宫需要从南到北参观，午门是唯一的入口，出口是东华门和神武门。',
        "name_02": '游玩须知',
        "txt_02": '1、景区已开放营业。2、疫情防控期间、进入景区需佩戴口罩并出示绿色健康码，同时请您配合景区做好其他防疫工作。3、景区实行限流措施，园区日接待量不超过30000人，建议合理安排行程',
        "name_03": '交通攻略',
        "txt_03": '公交：乘坐1路、2路、52路、59路、82路、99路、120路、126路、观光1线、专2路在“天安门东”站下车然后步行约900米到达午门。地铁：乘坐地铁1号线在“天安门东”站下车，步行约900米，即可从午门进入故宫。（故宫博物馆的南门）故宫不设停车场，周边的公共停车场也较远，故不建议驾车前往。',
        "name_04": '费用估算',
        "txt_04": '100¥'
      }, {
        "_id": "dvhhicWM83uNxzrby",
        "title":"九寨沟 | ",
        "wenan":"一个优美的地方",
        "images":"http://qmvskl766.hn-bkt.clouddn.com/YY/jiuzhaigou01.jpg",
        "touxiang":"http://qmvskl766.hn-bkt.clouddn.com/YY/touxiang01.jpg",
        "zuozhe":"托尼",
        "tag": '故宫',
        "author": "北京 · 中国",
        "cover": "../../../images/beimeizhou01.jpg",
        "createtime": 1522210221679,
        'time': "2018年03月28日 ",
        "little_title": "故宫，你必须知道的那些事儿",
        'agree': false,
        'agreeNum': 293,
        "commentNum": 56,
        "name_01": '简介',
        "txt_01": '· 故宫又名紫禁城，是中国乃至世界上保存最完整、规模最大的木质结构古建筑群，被誉为“世界五大宫之首”。 · 内廷以乾清宫、交泰宫、坤宁宫后三宫为中心，以及东西两侧的东六宫和西六宫，是封建帝王与后妃居住之所，也就是俗称的“三宫六院”。 · 故宫内珍藏有大量珍贵文物，据统计有上百万件，占全国文物总数的六分之一。钟表馆每天11点和14点有钟表演示，不可错过。 · 故宫需要从南到北参观，午门是唯一的入口，出口是东华门和神武门。',
        "name_02": '游玩须知',
        "txt_02": '1、景区已开放营业。2、疫情防控期间、进入景区需佩戴口罩并出示绿色健康码，同时请您配合景区做好其他防疫工作。3、景区实行限流措施，园区日接待量不超过30000人，建议合理安排行程',
        "name_03": '交通攻略',
        "txt_03": '公交：乘坐1路、2路、52路、59路、82路、99路、120路、126路、观光1线、专2路在“天安门东”站下车然后步行约900米到达午门。地铁：乘坐地铁1号线在“天安门东”站下车，步行约900米，即可从午门进入故宫。（故宫博物馆的南门）故宫不设停车场，周边的公共停车场也较远，故不建议驾车前往。',
        "name_04": '费用估算',
        "txt_04": '100¥'
      }
    ],
    
    first:[
      {
      }
    ],

    interval: 5000,
    duration: 500,
    currentTab: 0, //预设当前项的值
    scrollLeft: 0, //tab标题的滚动条位置 */
    showModal: false,
  },
 
  navbarTap: function(e){

    this.setData({
      currentTab: e.currentTarget.dataset.idx
    })

  },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {

    },

    onShow: function () {
      this.height_()
    },
  
    //右边的图片高度之和
    imageLoadRight: function (e) {

      //获取图片的原始宽度和高度
      let originalWidth = e.detail.width;
      let originalHeight = e.detail.height;
      let picHeight = this.data.picHeight
      picHeight = 165 / originalWidth * originalHeight
      var list = this.data.list
      let index = e.currentTarget.dataset.index
      list[index].height = picHeight
      this.setData({
        list: list
      })
      this.data.rightHeight += picHeight
    },

    height_: function () {
      var that = this
      var list = that.data.list
      setTimeout(() => {
        var leftHeight = that.data.leftHeight
        var rightHeight = that.data.rightHeight
        var disparity_ = ''
        disparity_ = Math.abs(leftHeight - rightHeight)
        var min_ = { a: 300, index: 0 }
        // console.log(disparity_)
  
        if (leftHeight > rightHeight && disparity_ > 100) {
          for (var i = 0; i < list.length; i += 2) {
            var tmp = Math.abs(list[i].height - disparity_) / 2
            if (tmp < min_.a) {
              min_ = { a: tmp, index: i }
              // console.log(min_)
            }
            // console.log(list[i].height, disparity_)
  
          }
          list[min_.index].position = 'right'
        }
        if (leftHeight < rightHeight && disparity_ > 100) {
          for (var i = 1; i < list.length; i += 2) {
            var tmp = Math.abs(list[i].height - disparity_) / 2
            if (tmp < min_.a) {
              min_ = { a: tmp, index: i }
              // console.log(min_)
            }
            // console.log(list[i].height, disparity_)
          }
          list[min_.index].position = 'left'
        }
        console.log(list)
        this.setData({
          list: list
        })
      }, 1000)
    },

    contentChange: function (e) {
      var that = this;
      console.log(e.currentTarget.dataset)
      var title = e.currentTarget.dataset.content.title
      var wenan = e.currentTarget.dataset.content.wenan
      var author = e.currentTarget.dataset.content.author
      var time = e.currentTarget.dataset.content.time
      var agree = e.currentTarget.dataset.content.agree
      var agreeNum = e.currentTarget.dataset.content.agreeNum
      var commentNum = e.currentTarget.dataset.content.commentNum
      var tag = e.currentTarget.dataset.content.tag
      var comment = e.currentTarget.dataset.content.comment
      var touxiang = e.currentTarget.dataset.content.touxiang
      var zuozhe = e.currentTarget.dataset.content.zuozhe
      var name_01 = e.currentTarget.dataset.content.name_01
      var txt_01 = e.currentTarget.dataset.content.txt_01
      var name_02 = e.currentTarget.dataset.content.name_02
      var txt_02 = e.currentTarget.dataset.content.txt_02
      var name_03 = e.currentTarget.dataset.content.name_03
      var txt_03 = e.currentTarget.dataset.content.txt_03
      var name_04 = e.currentTarget.dataset.content.name_04
      var txt_04 = e.currentTarget.dataset.content.txt_04
      wx.navigateTo({
        url: '../share/detail/detail?title=' + title + '&wenan=' + wenan + '&author=' + author + '&time=' + time + '&agree=' + agree + '&agreeNum=' + agreeNum + '&commentNum=' + commentNum + '&tag=' + tag + '&touxiang=' + touxiang + '&zuozhe=' + zuozhe + '&name_01=' + name_01 + '&txt_01=' + txt_01 + '&name_02=' + name_02 + '&txt_02=' + txt_02 + '&name_03=' + name_03 + '&txt_03=' + txt_03 + '&name_04=' + name_04 + '&txt_04=' + txt_04
      })
    }
  })